#app {
  width: 100vw;
  height: 100vh;
  display: flex;
}
* {
  box-sizing: border-box !important;	/*防止padding影响div宽度*/
}
body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
body {
  display: flex;
}
label {
  font-size: 16px
}
:root {
  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;

  color-scheme: light dark;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
}
@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("/font/优设标题黑.ttf");
}
@font-face {
  font-family: "PangMenZhengDao";
  src: url("/font/庞门正道标题体3.0.ttf");
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.flex-sb {
  display: flex;
  justify-content: space-between;
}
.flex--center {
  display: flex;
  align-items: center;
}
.flex-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-sb-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pointer {
  cursor: pointer;
}
@supports selector(::-webkit-scrollbar) {
  /* 管理后台，白色背景 */
  .scroller-aside::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
  }
  .scroller-aside::-webkit-scrollbar-track {
    background-color: rgba(170, 170, 170, 0.2);
    border-radius: 4px;
  }
  .scroller-aside::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.7);
    border-radius: 4px;
  }
  
  /* 大屏，深绿色背景 */
  .scroller-header::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px;
  }
  .scroller-header::-webkit-scrollbar-track {
    background-color: rgba(2, 90, 90, 0.4);
    border-radius: 4px;
  }
  .scroller-header::-webkit-scrollbar-thumb {
    background-color: rgba(2, 90, 90, 1);
    border-radius: 4px;
  }
}
@supports (not selector(::-webkit-scrollbar)) and (scrollbar-width: auto) {
  /* 管理后台，白色背景 */
  .scroller-aside {
    scrollbar-width: thin;
    scrollbar-color: rgba(170, 170, 170, 0.7) rgba(170, 170, 170, 0.2);
  }
  
  /* 大屏，深绿色背景 */
  .scroller-header {
    scrollbar-width: thin;
    scrollbar-color: rgba(2, 90, 90, 1) rgba(2, 90, 90, 0.4);
  }
}

.f-right {
  margin-left: auto;
}